<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <!-- 优先走webkit内核 走360极速模式-->
    <meta name="renderer" content="webkit" />
    <!-- 优先走webkit内核 走360极速模式-->
    <title>客户签到</title>
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="http://img1.bitautoimg.com/uimg/2016/yiche/js/html5shiv.min.js"></script>
    <script src="http://img1.bitautoimg.com/uimg/2016/yiche/js/Respond.min.js"></script>
    <![endif]-->
    <script src="./js/jquery-1.8.0.min.js"></script>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/style.css">

</head>

<body>
    <div class="box">
        <!-- head -->
        <div class="head">
                <label for="">代理商:</label>
                <span class="bor0">易出明处</span>
                <label for="">地区:</label>
                <span>湖南</span>
                <label for="">场次:</label>
                <span>2月24日</span>
                <a href="javascript:;">退出</a>
        </div>
        <!-- 中部 -->
        <div class="center hei240">
            <div class="col-md-3">
                <ul class="nav-l">
                    <li><a href="">选择场次</a></li>
                    <li class="nav-sel"><a href="">客户签到</a></li>
                    <li><a href="">分数计算规则</a></li>
                    <li><a href="">商机统计</a></li>
                </ul>
            </div>
            <div class="col-md-9">
               <!-- 搜索 -->
               <div class="sech">
                   <div class="sech-one">
                       <input type="text" placeholder="请输入手机号">
                       <a href="">搜索</a>
                   </div>
                   <div class="sech-two">
                       <a href="">新增手机号</a>
                   </div>
                   <div class="sech-two">
                        <a href="">批量导入</a>
                   </div>
               </div>
              
            </div>
        </div>
         <!-- 列表 -->
         <div class="tab-from">
             <div class="tab-th">
                    <div class="col-md-2">手机号</div>
                    <div class="col-md-1 lhh20">操作用时<br>(min)</div>
                    <div class="col-md-1">油耗(L)</div>
                    <div class="col-md-2 lhh20">每小时平均油耗<br>(L/H)</div>
                    <div class="col-md-2 lhh20">全场平均用时<br>(min)</div>
                    <div class="col-md-1">挑战赛分数</div>
                    <div class="col-md-1">排名</div>
                    <div class="col-md-2">&nbsp;</div>
             </div>
             <!-- 数据循环 -->
             <div class="tab-td">
                    <div class="col-md-2">13333333333</div>
                    <div class="col-md-1">9.04</div>
                    <div class="col-md-1">0.72</div>
                    <div class="col-md-2">计算公式</div>
                    <div class="col-md-2">计算公式</div>
                    <div class="col-md-1">计算公式</div>
                    <div class="col-md-1">自动</div>
                    <div class="col-md-2">
                        <p class="md-link">
                            <a href="javascript:;">编辑</a>
                            <a href="javascript:;">删除</a>
                        </p>
                    </div>
             </div>
             <div class="tab-td">
                    <div class="col-md-2">13333333333</div>
                    <div class="col-md-1">9.04</div>
                    <div class="col-md-1">0.72</div>
                    <div class="col-md-2">计算公式</div>
                    <div class="col-md-2">计算公式</div>
                    <div class="col-md-1">计算公式</div>
                    <div class="col-md-1">自动</div>
                    <div class="col-md-2">
                        <p class="md-link">
                            <a href="javascript:;">编辑</a>
                            <a href="javascript:;">删除</a>
                        </p>
                    </div>
             </div>
             <div class="tab-td">
                    <div class="col-md-2">13333333333</div>
                    <div class="col-md-1">9.04</div>
                    <div class="col-md-1">0.72</div>
                    <div class="col-md-2">计算公式</div>
                    <div class="col-md-2">计算公式</div>
                    <div class="col-md-1">计算公式</div>
                    <div class="col-md-1">自动</div>
                    <div class="col-md-2">
                        <p class="md-link">
                            <a href="javascript:;">编辑</a>
                            <a href="javascript:;">删除</a>
                        </p>
                    </div>
             </div>
             <div class="tab-td">
                    <div class="col-md-2">13333333333</div>
                    <div class="col-md-1">9.04</div>
                    <div class="col-md-1">0.72</div>
                    <div class="col-md-2">计算公式</div>
                    <div class="col-md-2">计算公式</div>
                    <div class="col-md-1">计算公式</div>
                    <div class="col-md-1">自动</div>
                    <div class="col-md-2">
                        <p class="md-link">
                            <a href="javascript:;">编辑</a>
                            <a href="javascript:;">删除</a>
                        </p>
                    </div>
             </div>
             <!-- 用户新增 clf0-->
             <div class="tab-td">
                    <div class="col-md-2 clf0">13333333333</div>
                    <div class="col-md-1">9.04</div>
                    <div class="col-md-1">0.72</div>
                    <div class="col-md-2">计算公式</div>
                    <div class="col-md-2">计算公式</div>
                    <div class="col-md-1">计算公式</div>
                    <div class="col-md-1">自动</div>
                    <div class="col-md-2">
                        <p class="md-link">
                            <a href="javascript:;">编辑</a>
                            <a href="javascript:;">删除</a>
                        </p>
                    </div>
             </div>
        </div>
        <!-- 分页 -->
        <div class="paging">
            <span>共6页，61条结果</span><a href="" class="por"><</a><a href="">1</a><a href="">2</a><a href="">3</a><a href="">4</a><em>···</em><a href="">50</a><a href="" class="next">></a><a href="" class="ten">10/页</a>
        </div>
        <!--  -->
        <div class="mt40"></div>
    </div>


    <!-- 遮罩层 -->
    <div class="cover hide"></div>
    <!-- 搜索成功弹层 -->
    <div class="fixa-box hide">
        <h2>该手机号已注册活动</h2>
        <p>
            <a href="">签到</a>
            <a href="">关闭</a>
        </p>
    </div>
    <!-- 搜索失败弹层 -->
    <div class="fixa-box hide">
            <h2>未找到该注册手机号</h2>
            <p>
              <a href="" class="btn-big">确定</a>
            </p>
    </div>
    <!-- 批量导入 -->
    <div class="fixb-box hide">
        <div class="fixb-dc">
           <a href="">Excel 格式文件导出</a> 
        </div>
        <div class="fixb-dr">
            <span>数据导入</span>
            <!-- <input type="file" name="pic" id="pic" class="daoru"/> -->
        </div>
        
    </div>
    <!-- 数据导入 -->
    <div class="fixb-box hide">
        <h3>数据导入</h3>
        <div class="fix-daoru">
            <label>选择文件</label>
            <span>
                <input type="file" name="pic" id="pic" class="daoru"/>
                未选择任何文件
            </span>
        </div>
        <div class="fix-btn">
            <a href="">提交</a>
            <a href="">返回</a>
        </div>
        
    </div>
    <!-- 成绩编辑 -->
    <div class="fixb-box hide">
           <div class="fixb-list">
               <ul>
                   <li>
                       <label for="">手&nbsp;&nbsp;机&nbsp;&nbsp;号：</label>
                       <p class="mrphone">13333333333</p>
                   </li>
                   <li>
                        <label for="">操作用时(min)：</label>
                        <div class="input-ra">
                            <input type="text" class="inputtexa">
                            <!-- <p class="errortext">请输入正确的操作用时</p> -->
                        </div>
                    </li>
                    <li>
                            <label for="">油&nbsp;&nbsp;耗(L)：</label>
                            <div class="input-rb">
                                <input type="text"  class="inputtexb">
                                <!-- <p class="errortext">请输入正确的油耗</p> -->
                            </div>
                        </li>
               </ul>
           </div> 
            <div class="fix-btn mat0">
                <a href="">保存</a>
                <a href="">关闭</a>
            </div>
            
    </div>

    <script src="./js/index.js"></script>
</body>

</html>